@charset "gb2312";
/* CSS Document */

/*通用样式*/
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,th,tr,td,em {margin:0px;padding:0px; vertical-align:baseline;}
address,caption,cite,code,dfn,th,var,b,i,em {font-style:normal;font-weight:normal;}
li,ol,ul {list-style:none;}
fieldset,img {border:0;}
.clear{*zoom:1}
.clear:after {visibility: hidden;clear: both; height: 0; line-height: 0;font-size:0;content: ".";display: block; }
.clearfix {visibility:hidden; clear:both;height:0; line-height:0;font-size:0;}

form {display: block;margin-top: 0em;}


/*网站通用样式*/
html{ height:100%;}
body {color:#333;font-size:12px;height:100%;font-family: Arial, Helvetica, sans-serif; background:#fff;}
a {color: #444;text-decoration:none;}
a:hover { text-decoration: none; color:#C00}

a.red{ color:#C00}
a.blue{ color: #09F}

.lh24{ line-height:24px;}

/*通用样式*/
.fl{ float:left;}
.fr{ float:right;}

.c3{ color:#333;}
.cc{ color:#ccc;}

.tc{ text-align:center;}

.mb20{ margin-bottom:20px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mr10{ margin-right:10px;}

.bold{ font-weight:bold;}
.f16{ font-size:16px;}
.f14{ font-size:14px;}
.aril{ font-family:Arial;}
.yahei{ font-family:"微软雅黑";}
.block{ display:block;}
.none{ display:none;}


/*头部*/
.topBox{ width:100%; height:94px;background:url(../images/index_02.jpg) repeat-x;}
.top{  width:960px; height:64px;margin:0px auto; padding:15px 0px; position:relative;}

.topLogo{ display:block; width:307px; height:53px; background:url(../images/index_05.jpg) no-repeat; float:left; margin-top:5px;}
.topLogo span{ display:none}

.topSearch{ float:right;width:276px; height:30px; margin-top:28px;background:url(../images/index_08.jpg) no-repeat; }
.topSearchInput{ height:28px;line-height:28px; padding-left:5px; border:0px; width:236px; float:left; background:none}
.topSearchBtn{ border:0px; height:30px; width:30px;cursor:pointer; float:right; background:none}
.topTxt{ position:absolute; right:0px; top: 8px;}

/*导航*/
.nav{ height:41px; width:100%; background:url(../images/index_13.jpg) repeat-x;}
.navList{ width:960px; margin:0px auto;}
.navList li{ display:inline-block;height:41px;float:left;background:url(../images/xian.jpg) right no-repeat; padding-right:2px;}
.navList a{ display:block; color:#fff; padding:0px 30px; font-size:14px; height:41px; line-height:41px; font-weight:bold;}
.navList a:hover{background:url(../images/index_15.jpg) repeat-x;}
.navList a.liHover{ background:url(../images/index_15.jpg) repeat-x;}

/*banner*/
.banner{ width:100%; height:326px;background: url(../images/index5.jpg) center top no-repeat #6bafd2; text-align:center;position:relative}
.bannerBg{ width:100%; height:40px; line-height:40px; background:url(../images/bg.png) repeat-x; position:absolute; bottom:0px; left:0px;}
.bannergg{ width:960px; text-align:left; background:url(../images/lb.png) 0px 12px no-repeat; padding-left:20px; margin:0px auto;color:#fff;}
.bannergg a{ color:#fff;}
.bannergg span{ font-weight:bold;}
/*内容*/
.con{ width:100%; background: url(../images/index_21.jpg) repeat-x top; padding-top:23px;}

.conBox{ width:960px; margin:0px auto; padding-bottom:25px;}
.conBoxL{ width:650px; padding:0px 35px 0px 0px; float:left;margin-right:30px; background:url(../images/index_24.jpg) right no-repeat;}
.conBoxLTit{ width:650px; height:30px;border-bottom:2px solid #ccc; position:relative; margin-bottom:20px;}
.conBoxLTitUl{ width:650px; height:32px; line-height:32px; position:absolute; bottom:-2px;left:0px;background:url(../images/index_31.jpg) right bottom no-repeat;}
.conBoxLTitUl li{ width:108px;text-align:center; float:left; color:#333; font-size:14px; font-weight:bold; cursor:pointer;}
.conBoxLTitUl .conBoxLTitUlOver{ background:url(../images/sk.gif) bottom repeat-x;color:#1389bd;}
.conBoxLTit span{ position:absolute; right:10px; top:10px;}
.conBoxLTit span a{ color:#999;}
.conBoxLTit span a:hover{ color:#c30;}

.conBoxLBox{ padding-left:270px; position:relative; min-height:180px;}
.conBoxLBoxImg{ border:1px solid #ccc; position:absolute; left:0px; top:0px; width:260px; height:172px;}
.conBoxLBox li{ line-height:18px; padding-bottom:5px; margin-bottom:5px; background:url(../images/dian.gif) 3px 8px no-repeat; border-bottom:1px #eee solid; padding-left:12px; position:relative;}
.conBoxLBox span{ color:#999; position:absolute; right:10px; top:0px;}

.conBoxR{ width:235px; float:right;}
.conBoxRTit{ width:230px; color:#1389bd;height:32px; line-height:32px; font-size:14px; font-weight:bold;background:url(../images/index_27.gif) right center no-repeat; margin-bottom:5px;}
.conBoxRBox{ margin-bottom:6px;}
.conBoxRBox a{ display:block; width:80px; height:38px; line-height:38px; text-align:center; padding-left:32px; font-size:14px; color:#333; font-weight:bold; float:left; margin:2px 2px;}
.conBoxRBox a.conBoxRBoxCX{ background:url(../images/index_35.jpg) no-repeat;}
.conBoxRBox a.conBoxRBoxHY{ background:url(../images/index_37.jpg) no-repeat;}
.conBoxRBox a.conBoxRBoxZY{ background:url(../images/index_45.jpg) no-repeat;}
.conBoxRBox a.conBoxRBoxXY{ background:url(../images/index_46.jpg) no-repeat;}

.conBoxRtnA{ display:block;width:228px; height:50px; margin-bottom:6px;background:url(../images/index_53.jpg) no-repeat;}
.conBoxRtnB{width:228px; display:block;height:50px; margin-bottom:6px;background:url(../images/index_49.jpg)  no-repeat;}

/*底部*/
.foot{ width:100%;  border-top:1px #ccc solid; background:#ddd;}
.footCon{ width:960px;padding:15px 0px; margin:0px auto;}
.footConLi{ float:left; padding-right:5px; background:url(../images/index_62.jpg) right no-repeat; margin-right:25px; min-height:160px;}
.footConLi a{ color:#666; line-height:20px;}
.footConTit{ height:20px; line-height:20px; color:#333; font-size:14px; font-weight:bold; margin-bottom:10px; position:relative;}

.footConA{ width:250px;}
.footConA a{ display:block; width:75px; float:left; margin-right:5px;}
.footConB{ width:200px;}
.footConC{ width:170px;}
.footConD{ width:250px; background:none; margin:0px; padding:0px;}
.footConTit a{ display:block; height:14px; width:14px; background:url(../images/index_59.gif) no-repeat; position:absolute; right:10px; top:0px;}

.footCopyright{ width:960px; line-height:20px; margin:0px auto; background:url(../images/index_70.jpg) center top no-repeat; padding:10px 0px; text-align:center;}


/*其他页面样式*/
.othBanner{ width:100%; height:128px;background:#5498bf; text-align:center;}
.othConBg{ width:100%; background: url(../images/cy_04.jpg) repeat-x top #f3f3f3;padding-top:25px; padding-bottom:30px;}
.othCon{ width:960px; margin:0px auto;}

.othConL{ width:190px; float:left;}
.othConLBox{ background:#fff; border-bottom:1px #ccc solid;}
.othConLBoxTit{ height:34px; line-height:34px; color:#fff; background:url(../images/cy-1.jpg) no-repeat; padding-left:20px;}
.othConL a{ display:block; height:36px; line-height:36px; padding-left:20px;border-bottom:1px solid #e4e4e4; background:url(../images/cy_12.gif) 170px 12px no-repeat;}
.othConL a:hover{ background:url(../images/cy_15.gif) 170px 12px no-repeat #f9f9f9;}
.othConL a.noborder{ border:0px;}
.othConL a.ahover{background:url(../images/cy_15.gif) 170px 12px no-repeat #f9f9f9; color:#c30}

.othConR{ width:745px; float:right; background:#fff; padding-bottom:30px;}
.othRTitle{ padding:15px 10px 15px 20px; background:#f9f9f9; border-top:1px solid #0093d8;}
.othRTitle h1{ font-size:24px;font-size:16px; font-weight:bold; color:#333;}
.othConRCon{ padding:15px 20px;}

.cy_page{width:745px;  height:22px; height:22px; line-height:22px;background:#E5E5E5; padding:2px 6px; text-align:left; position:relative; margin:0px auto;}
.page_list{ width:100%; display:inline-block; margin-top:20px; text-align:center;}
.page_list a{ padding:0px 6px; margin:0px 2px; }
.page_list a:hover{ background:#333; color:#fff;}
.page_list a.cur{ background:#333; color:#fff;}
.curpage {color:#ff0000;}
.showall{ height:20px; width:58px; float: left; margin-left:4px; display:inline-block; padding-top:2px;}



.aboutCon{ font-size:14px; line-height:24px;}
.aboutCon p{ text-indent:2em; margin-bottom:1em}
.aboutCon img{ float:left; padding-right:15px; padding-bottom:10px;}
.padding60{ padding-bottom:60px;}
.aboutImg{ width:535px; line-height:20px; margin:0px auto;margin-bottom:20px; }

/*新闻列表*/
.newsList{ width:96%; margin:0px auto;}
.newsList li{border-bottom:1px #ddd solid; padding-bottom:15px; margin-bottom:15px; line-height:20px;}
.newsList a{ font-size:14px; font-weight:bold; color:#333;}
.newsList p{ text-indent:2em; color:#999; padding-top:5px;}
.newsList span{ margin-left:5px;color: #09C;}

.askCon{ padding:10px 15px;}
.askCon h1{ font-size:22px; font-weight:bold; border-bottom:1px dashed #ccc; padding-bottom:8px; margin-bottom:5px; text-align:center;}
.askCon h2{ font-size:12px; font-weight: normal; color:#aaa; text-align:center; margin-bottom:20px;font-family:Arial;}
.askConP{ padding:0px 10px; font-size:14px; line-height:24px;}

/*产品展示*/
.proShowBox{ width:810px; position:relative; min-height:410px; _height:410px; font-size:14px; margin-bottom:20px;}
.proShowBoxL{ width:360px; padding:10px; float:left;}
.proShowBoxImg{ width:360px; text-align:center; vertical-align:middle; height:360px; margin-bottom:20px; overflow:hidden;}
.proShowBoxImgUl{ width:360px;}
.proShowBoxImgUl li{ width:100px; height:100px; overflow:hidden; float:left;  margin:0px 10px;}
.proShowBoxImgUl li img{ max-width:100px;}

.proNextLast{ line-height:20px; font-size:12px; text-align: center}
.proNextLast a{ margin:0px 10px;}

.proShowBoxR{ width:410px; float:right;}
.proShowH1{ font-size:25px; font-weight:bold; color:#333; margin-bottom:20px;}
a.proShowBtn{ display:block; width:224px; height:52px; line-height:52px;font-size:26px; text-align:center; color:#fff; font-weight:bold; background:url(../images/gw.jpg) 0px 0px no-repeat;}
a.proShowBtn:hover{background:url(../images/gw.jpg) 0px -52px no-repeat; color: #fff}

/*视频展示*/
/*
*/

.c3{ color:#333;}
.downTab{ width:100%; border-collapse:collapse; color:#666;}
.downTab th{ color:#fff; padding:2px 6px; background:#158bbf; text-align:left; font-size:12px;}
.downTab td{ padding:2px 6px; border-bottom:1px #eee solid;font-size:12px; background:#f9f9f9;}
.downTab .trColor td{ background:#eee;}

.myLink{ width:100%; margin:0px auto;}
.myLink a{ display:block; padding:6px 10px; background:#eee; float:left; margin:2px 5px;}
.myLink a:hover{ background:#333; color:#fff;}

.myLogo{ width:100%;}
.myLogo img{ margin:3px 4px; height:40px;}